<!--
*@description 首页右侧公告
*@fileName com-notice.vue
*@author wxl
*@date 2025/02/25 14:05:31
!-->
<template>
   <div class="com-card index-notice">
      <div class="aicjcsb">
        <div class="card-title">公告</div>
        <div class="text-gray fs13">查看全部</div>
      </div>
      <div class="notice-list">
         <div v-for="(item,index) in noticeList" :key="index" class="item">
            <div class="aicjcsb">
               <div class="title">{{ item.Title }}</div>
               <div class="fs13 text-grey">{{ item.CreateDT ? item.CreateDT.substring(0,10) : '' }}</div>
            </div>
            <div class="ellipsis cont " v-html="item.NewsContent"></div>
         </div>
      </div>
   </div>
</template>
<script setup>
import { ref, reactive, onMounted, watch } from 'vue'

const props = defineProps({
   noticeList:{
      type:Array,
      default:[]
   }
})
</script>
<style lang="scss" scoped>
.index-notice{
   overflow: hidden;
   .notice-list{
      margin-top: 10px;
      .item{
         margin-bottom: 15px;
         .title{
            font-weight: 800;
         }
         .cont{
            color: #9399A3;
            margin-top: 8px;
            max-height: 26px;
         }
      }
   }
}
</style>
